@charset "utf-8"; 
@import url(../base/base.css);
@import url(../base/iconfont.css);
@import url(../base/ui.css);
/*公用*/
html, body {font-family: "Source Sans Pro","Helvetica Neue", Helvetica, Arial,sans-serif, "Microsoft YaHei";font-size: 14px;color: #58666e;line-height: 1.42857143;}
a{color:#4c5161}
a:hover{color:#2486ff}
i{margin-right: 5px}
/*布局*/
#header{position:relative;left:0px;z-index:1;height:0px;background-color: #2d8cf0!important;box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);}
#header .logo{height:60px;width:200px;color: #FFF;background: url('./logo.png') no-repeat center center;float: left;display: block;}
#nav{position:fixed;top:0px;bottom:0px;left:60px;width:200px;overflow-y:auto;overflow-x:hidden;border: 1px solid #e6e6e6;border-width: 0px 1px;background: #FFF;color: #1b212e;}
#nav::-webkit-scrollbar {width: 10px;height: 10px;}
#nav::-webkit-scrollbar-thumb {border-radius: 5px;background: rgba(0,0,0,0.2);}
#nav::-webkit-scrollbar-track {border-radius: 0;background: rgba(0,0,0,0.1);}
#main{position:fixed;top:0px;bottom:0px;right:0px;overflow:hidden;}
.main_nav{left:260px;}
.main_hide_nav{left:60px;}
#app-navbar {position: absolute;top:0px;left: 0;right: 0;bottom: 0;z-index:100;width:60px;background-color:#3399FF;box-shadow: rgba(0, 0, 0, 0.12) 0 0.05rem 0.3rem, rgba(0, 0, 0, 0.15) 0 0.05rem 0.2rem;}
#app-navbar li{display: block;overflow:hidden;cursor:pointer;text-align: center;padding: 12px 0px;}
#app-navbar li p{color: #FFF}
#app-navbar li .icon{font-size:24px}
#app-navbar li:hover,#app-navbar li.focus{background: #3091F2;}
#app-navbar .user{position:absolute;bottom:2px;right:0px;left:0px;}
#app-navbar a{display: block;color: #FFF}
#tip{position:fixed;top:0px;right:0px;height: 59px;font-size: 15px;line-height: 38px;font-weight: 400;}
#tip a{padding:10px;display:block;float: left;}
/*顶部导航*/
#header li{float:left;display: block;height:60px;line-height:50px;padding:5px 15px;overflow:hidden;cursor:pointer;color:#FFF;}
#header a{color: #FFF}
#header li:hover,#header li.focus{background: #2b85e4;}
#header .spacer{float:right;background: #2479d3;}
#header .spacer i{font-size:22px;}
/*左侧菜单*/
#nav h1{display: inline-block;width: 200px;height: 59px;font-size: 16px;line-height: 39px;font-weight: 400;padding: 10px 3px;background: #fff;border-bottom: 1px solid #dfe6ee;box-shadow: 0 0 10px 0 rgba(128,145,165,0.2);color: #3f4a56;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
#nav h1 a{color: #3f4a56;padding:5px 0px}
#nav h1 .icon{font-size:25px;vertical-align:-20%}
#nav dl{width:100%;border-bottom: 1px #ebf2fe solid;}
#nav dt{line-height:50px;padding:0px 10px;font-size:16px;cursor:pointer;font-size: 14px;cursor: pointer;font-weight: 500;}
#nav dt:hover{background: #F8F8FA;}
#nav dt i.icon-arrowright{float:right;font-size: 12px;}
#nav dd{width:100;line-height:40px;font-size:14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-left: 4px solid #f1f2f3;}
#nav dd a{color:#333;display: block;padding-left:20px;}
#nav dd:hover,#nav dd.focus{background: #F8F8FA;color:#3278dd;border-left: 4px solid #3278dd;}
#nav dd a:hover,#nav dd.focus a{color:#3278dd}
#nav dd.focus{font-weight: 600;}
/*嵌入框架*/
#iframe{width: 100%;height: 100%;overflow:hidden;}
/*弹出层*/
#layer {display:none;background: #fff;width:150px;box-shadow: rgba(0, 0, 0, 0.15) 0 0.15rem 0.5rem, rgba(0, 0, 0, 0.25) 0 0.15rem 0.5rem;}
#layer > .item {padding: 10px 20px;}
#layer > .item:hover{background-color: #ebf2fe}
#layer > .item.divider{border-bottom:1px solid #ebf2fe;}
#layer a:hover{color:#4c5161}
/*浮动*/
.leftlayer{background-color: #ffffff;display: none;}
.leftlayer .title{padding: 0 20px;padding-top: 10px;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-flow: row nowrap;-webkit-box-align: center;align-items: center;height: 65px;box-sizing: border-box;-webkit-box-pack: justify;justify-content: space-between;}
.leftlayer .title span{font-size: 22px;font-weight: 100;}
.leftlayer .title .iconfont{font-size: 18px;padding: 5px 10px;justify-content: flex-end;}
.leftlayer .title .iconfont:hover{background: #F7F9FA}
.leftlayer .bodys{display: flex;flex-flow: row wrap;margin:5px 0px 0px 23px;}
.leftlayer .bodys a{background: #FAF9F8;margin: 0 10px 10px 0;font-size: 14px;font-weight: 400;width: 130px;height: 130px;line-height: 30px;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;text-decoration: none;}
.leftlayer .bodys a:hover{background-color: #efefef;color: #444}
.leftlayer .bodys img{width: 80px;height: 80px;border-radius:5px}
.leftlayer .bodys .icon{font-size: 47px;}
